<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "我的团队");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style type="text/css">
	.tab li {
		min-width: 120px;
		width: 50%;
	}
	
	.weui-cell:active{
		background-color: rgba(180, 180, 180, 0.5);
	}
	
	.weui-search-bar__cancel-btn{
		color:#2196F3;
	}
</style>
<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>
<div class="goback" data-back-point="personCenter"></div>
<div>
	<input type="hidden" id="userId" value="${loginModel.userId}" />
</div>
<div class="weui-search-bar" id="searchBar">
	  <form class="weui-search-bar__form">
	    <div class="weui-search-bar__box">
	      <i class="weui-icon-search"></i>
	      <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索">
	      <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
	    </div>
	    <label class="weui-search-bar__label" id="searchText">
	      <i class="weui-icon-search"></i>
	      <span>搜索</span>
	    </label>
	  </form>
	  <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
</div>
	
<div id="content">
	
</div>
<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>

<script type="text/javascript">
	$(function(){
		  var url = $.getVirtualPath()+"/wechat/cust/personCenter/teamContent";
		  var html = $.getText(url);
		  $("#content").html(html);
		  
		  
		$(document).on("click touchstart", ".weui-search-bar__label", function(e) {
			  $(e.target).parents(".weui-search-bar").addClass("weui-search-bar_focusing").find('input').focus();
			  $("#content").empty();
		})
			  
		.on("click", ".weui-search-bar__cancel-btn", function(e) {
			   var $input = $(e.target).parents(".weui-search-bar").removeClass("weui-search-bar_focusing").find(".weui-search-bar__input").val("").blur();
			   $("#content").html(html);
		})
		.on("click", ".weui-icon-clear", function(e) {
			   var $input = $(e.target).parents(".weui-search-bar").find(".weui-search-bar__input").val("").focus();
		});
		  
		
		$("#searchInput").on("input propertychange",function(){
			 
			 var searchContent = $("#searchInput").val();
			 var url = $.getVirtualPath()+"/wechat/cust/personCenter/searchTeam?searchContent="+searchContent;
			 var html = $.getText(url);
			 $("#content").html(html);
		})
		  
	});
	
</script>


<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>